@charset "utf-8";
body {
	background-image: url(../images/belakang.jpg);
	padding-top: 40px;
	padding-bottom: 40px;
	color: #666;
	font-family: "Franklin Gothic Book", sans-serif;
}
p {margin: 0;}
td { vertical-align:top;}
.topdua {margin-top: 20px;}
#lining {
	margin-top: 45px;
	position: fixed;
	top: 0px;
	right: 0px;
	font-size: 24px;
	background-image: url(../images/belakang.jpg);
	padding: 0 0 20px 20px;
}
.jodol{
	padding-top: 24px;
	padding-bottom: 16px;
	color: #f8b94c;
	font-size: 26px;
	font-weight:lighter;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #cdcdcd;
	width:440px;
	float:left;
	letter-spacing: -1px;
}
.sebelumjud { width: 590px;}
#lining a { 
	text-decoration:none; 
	text-transform: uppercase;
	color: #888; 
	font-size: 16px;
	font-weight:lighter; 
	border-bottom:  1px solid #bbb; 
	display:block; 
	padding-bottom: 5px; margin-bottom: 3px; padding-right: 18px; padding-top: 3px;
	text-shadow: 0px 0px 4px #fff;
	 }
 #lining a:hover { color: #111; }
 #lining div { 
	text-decoration:none; 
	text-transform: uppercase;
	color: #888; 
	font-size: 22px;
	font-weight:lighter; 
	border-bottom:  1px solid #bbb; 
	padding-bottom: 4px; margin-bottom: 3px; padding-right: 15px; padding-top: 2px;
	text-shadow: 0px 0px 4px #fff;
	}
  #lining img { margin-top: 6px;  padding-right: 15px; width: 120px; height:auto;}
 
 #bungkuslogin{
	box-shadow: 0px 2px 8px #ccc;
	border: 1px solid #bbb;
	width:460px;
	margin:auto;
	border-radius: 8px;
	}
 
#bungkus{
	box-shadow: 0px 2px 8px #ccc;
	border: 1px solid #bbb;
	width:735px;
	margin:auto;
	border-radius: 8px;
	}
#bungkus-1{
	background-image: url(../images/belakang2.jpg);
	text-shadow: 0px 0px 4px #fff;
	margin:auto;
	border-radius: 8px 8px 0 0;
}
#bungkus-1x{
	background-image: url(../images/tengah.jpg);
	margin:auto;
	height: 2px;
}
#bungkus-2{
	margin:auto;
	border-radius: 0 0 8px 8px;
	background-color: #FFF;
	padding: 15px 0px 50px 55px;

}
.bungdul {width: 620px;}
#text {margin-top: 15px;  padding-bottom: 0px;}
#texttabel{margin-top: 22px;  padding-bottom: 15px; border-left: solid 4px #ddd;}
#texttabel td{
	border-bottom: 1px solid #ddd;
	 	font-size: 15px;
	text-align: left;

}
#texttabel th, #text th{
	border-bottom: 1px solid #ddd;
	 	font-size: 17px;
	text-align: left;
	font-weight:lighter;

}
#fixdor { margin-right: 15px; padding-bottom: 0px;}
.bebek{
	border-bottom: 1px solid #ddd;
	padding: 10px 0px 0px 0;

	text-align: justify;
	font-size: 16px;

}
.bebek3{
	padding: 0px 20px 0px 0;
	width: 560px;
	text-align: justify;
	font-size: 16px;

}
.bebek2{
	padding: 10px 20px 0px 0;
	width: 560px;
	text-align: justify;
	font-size: 16px;
	

}
.staff {
	color: #999;
	font-size:12px;
	display: block;
	padding-top: 5px;
	padding-left: 2px;
	width: 430px;
	float: left;
	font-family: helvetica;
	line-height: normal;
}.staff2 {
	color: #999;
	font-size:12px;
	display: block;
	padding-top: 5px;
	padding-left: 2px;
	width: 150px;
	float: left;
	font-family: helvetica;
	line-height: normal;
}
#text td{
	border-bottom: 1px solid #ddd;
	text-align: left;

}

.batasmenu{ border-top: 1px solid #ddd; width: 100%; height: 2px;}
.kyo{font-size: 17px; font-weight:lighter; 	color: #888;   	 padding-right: 8px; margin-right: 4px; padding-bottom: 2px}
.naruto{ 	padding: 8px 15px 8px 12px; 	font-size: 15px;}
.naborder {border-left: 1px solid #ddd;  }
.doraemon{ text-transform:uppercase;
	text-decoration:none; 

	color: #aaa;
	 padding: 4px 20px 4px 12px;
	 	font-size: 17px;

}
.sarpras{ text-transform:uppercase;
	text-decoration:none; 

	color: #aaa;
	 padding: 8px 20px 4px 12px;
	 	font-size: 16px;

}
.dora{ text-transform:uppercase;
	text-decoration:none; 
	color: #888; 
	font-size: 18px;
	 font-weight:lighter; 


}
.do{	 padding: 10px 8px 8px 12px;}
.di{	 padding: 10px 15px 8px 0px;}
.doraemon2{ text-transform:uppercase;
	text-decoration:none; 
	color: #888; 
	font-size: 15px;
	 font-weight:lighter; 
	 padding: 8px 15px 8px 5px;

}
#jumat {  float:left; padding-right: 30px; width: 590px;}
#minggu {  float:left;  width: 590px;}
#sabtu {float:left; padding-left: 25px;}
#sabtu div{padding: 3px 0;}
#run{
	padding: 35px 0 0 10px;
}
a:hover {color: #111;}
#walk{
	padding: 0 0 0px 10px;
}
#walk2{
	padding: 0 0 20px 10px;
}
#walk2 {
	font-size: 16pt;
	font-weight:bold;
	font-family: Helvetica;
	text-shadow: 0px 0px 4px #fff;
	color: #5F5F5F;
	letter-spacing: -2px;

	}
#walk, #run {
	font-size: 38pt;
	font-weight:bold;
	font-family: Helvetica;
	text-shadow: 0px 0px 4px #fff;
	color: #5F5F5F;
	letter-spacing: -3px;
	line-height: 30pt;
	}
#wr {float:left; padding: 36px 0px 30px 35px ;}
#rw {float:left; padding-right: 10px;  }
#martabak {
	float: right;
	margin-top: 35px;
	margin-right: 30px;
}
.clear { clear:both;}
.hilo {

	padding-right: 15p0x;
}
#last{ text-transform:uppercase;}
#last p {	font-size: 17px;
	 font-weight:lighter; 	color: #888;   	 padding-right: 8px; margin-right: 4px; padding-bottom: 2px}

.jad {font-size: 44px;}
#last a { 
	text-decoration:none; 
	color: #888; 
	font-size: 17px;
	 font-weight:lighter; 
	 border-right:  1px solid #ddd; 
	 display:inline-block; 
	 padding-right: 8px; margin-right: 4px; padding-bottom: 2px;}
#panah a{ border: none; margin: 0; padding: 0 3px; float:right;}
 #panah {float: right; margin-top:25px; background: #ebebeb; padding: 7px 5px 7px 5px; border-radius: 8px; display:table-row; vertical-align: middle;}
 #last a:hover { color: #111; }
 
 
.avatarmu{float:left; margin: 4px 10px 0 0; border-radius: 4px; width: 44px; height: 44px; }

.deadline {color: #999; font-size:12px; display: block; padding-top: 1px; padding-left: 2px;  font-family: helvetica;}
.complain {color: #999;}
.todoku { background:#999; color: #fff; padding: 0 5px; border-radius: 12px; display:inline-block; text-shadow:none;}
.penting { background:#ccc; color: #fff; padding: 0 6px; border-radius: 12px; display:inline-block; text-shadow:none; font-family:verdana; font-weight:bold; font-size:10pt;margin-left:4px;}
.pes {padding: 5px 3px 0 5px; border-left: 1px solid #ddd;}
.pes2 {padding: 5px 5px 1px 5px; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
.bulan  {padding: 5px 5px 0 0px; border-top: 1px solid #ddd; min-width:80px;}
.bulan a {
	
}
 a {	color: #888; text-decoration:none;  }

.tabeltgl td {font-size: 11px; font-family: tahoma; }

#menuluar {
	background: #ebebeb;
	padding: 7px;
	border-radius: 8px;
	display: table;
}
.menuluar2 { background: #ebebeb; padding: 7px; border-radius: 8px; display: block;}
#menudalam {
	padding: ;
	border-radius: 4px;
	box-shadow: inset 0px 2px 8px #ccc;
	background-color: #59d2e3;
	background-image: url(../images/menumenu.jpg);
	border:solid #4d9299 1px;
	background-position: 1px;
	font-size: 11pt;
	font-weight:bold;
	text-shadow: 0px 1px 2px #999;
}
#dash td {

	height: 100%;
	}
.hihi {
	background-image: url(../images/menubatasmenu.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}
#menuluar a {
	font-family: Helvetica;
	text-decoration:none;
	color: #fff;
	display:block;
	height:22px;
		padding: 6px 10px 2px 10px;
	
}
#menuluar a:hover {
	color: #333;
}
#dash img {width: 34px; height: 34px;}
#dash { float:right}
.say {
	border: none; 
	border:solid #4d9299 1px; 
	border-radius: 4px;  
	box-shadow: inset 0px 0px 4px #ccc; 
	font-family:"century gothic"; 
	color:#555; 
	margin:auto; 
	}
.peter {margin-top: 5px;}
.parker {padding-bottom: 15px;}
.saylog { padding: 5px 4px 5px 8px; width:330px; margin-bottom: 10px; font-size: 12pt;}
.sayu { padding: 8px 4px 2px 8px;  width:560px;   }
.sayu2 { padding: 8px 4px 2px 8px;  margin-bottom: 10px;   }
.saylect { padding: 4px 5px 4px 5px;  margin-right:10px;  margin-bottom: 10px; cursor:pointer; }
.saybio { padding: 5px 4px 5px 8px; width:280px; margin-bottom: 10px; font-size: 11pt;}
.sayjob { padding: 5px 4px 5px 8px; width:330px; margin-bottom: 10px; font-size: 11pt;}
.saybiokecil { padding: 5px 4px 5px 8px; width:200px; margin-bottom: 10px; font-size: 11pt;}
.say2 { padding: 5px 4px 5px 8px; width:163px; margin-top: 14px; font-size: 10pt;}
.saylink {padding: 5px 4px 5px 8px;  width:370px; font-size: 10pt;}
.saypad {margin-top: 12px;}
.saypad2 {margin-top: 10px; }
.sayfix { padding: 8px 4px 2px 8px; width:524px; }


.fixyuk {background: #ebebeb; padding: 17px 10px 17px 10px; border-radius: 8px 0  8px 8px; width: 540px; margin-bottom: 10px;}
.fixfix {   background: #ededed; padding: 6px 10px 6px 10px; border-radius:8px 8px 0 0 ; float:right;}
.fixsamp{ height: 41px; background: #ededed; width:70px; float:right; }
.fixsamp2{ height: 41px; background: #fff; width:70px;  border-radius: 0  0  12px 0 ;}
.bungkusfix {float:right; padding: 0; margin: 0; margin-top: 10px; }


.like {width: ; float: right; display: block; padding-top:5px;}
.luke {width: ; float: right; 	background: #ebebeb;
	padding: 7px;
	border-radius: 8px;
	display: block;}

.plus {width: ;
	float: right;
	display: block;
	padding: 8px 4px 0 4px;
	font-style: italic;
	font-weight: bold;
	font-size: 17pt;
	color: #aaa;

}
.plusX {width: ;
	float: right;
	display: block;
	padding: 8px 4px 0 4px;
	font-style: italic;
	font-weight: bold;
	font-size: 17pt;
	color: #aaa;
	margin-right: 8px;
}
.plus2 {
	font-family: "Franklin Gothic Book";
	font-weight: bold;
	font-size: 14pt;
	color: #aaa;

}
.likebut {padding: 3px 8px 2px 8px;
	border-radius: 4px;
	box-shadow: inset 0px 2px 8px #ccc;
	background-color: #59d2e3;
	background-image: url(../images/menumenu.jpg);
	border:solid #4d9299 1px;
	background-position: 1px;
	font-size: 9pt;
	font-weight:bold;
	cursor:pointer;
	font-family: Helvetica;
	text-decoration:none;
	color: #fff;
	display:block;
	margin-top: 5px;

	}
.likebut:hover {
	background-image: url(../images/menumenu_hover.jpg);
	color:#333;
	}
	
.fixbut {padding: 3px 8px 2px 8px;
	border-radius: 4px;
	box-shadow: inset 0px 2px 8px #ccc;
	background-color: #59d2e3;
	background-image: url(../images/menumenu.jpg);
	border:solid #4d9299 1px;
	background-position: 1px;
	font-size: 9pt;
	font-weight:bold;
	cursor:pointer;
	font-family: Helvetica;
	text-decoration:none;
	color: #fff;
	margin-top: 5px;
	}
.fixbut:hover {
	background-image: url(../images/menumenu_hover.jpg);
	color:#333;
	}
	
.send {			padding: 3px 8px 2px 8px;
	border-radius: 4px;
	box-shadow: inset 0px 2px 8px #ccc;
	background-color: #59d2e3;
	background-image: url(../images/menumenu.jpg);
	border:solid #4d9299 1px;
	background-position: 1px;
	font-size: 11pt;
	font-weight:bold;

	cursor:pointer;
		font-family: Helvetica;
	text-decoration:none;
	color: #fff;
	display:block;
	}
.send:hover {
	background-image: url(../images/menumenu_hover.jpg);
	color:#333;
	}
.tombolmati {
	padding: 3px 8px 2px 8px;
	border-radius: 4px;
	box-shadow: inset 0px 0px 5px #aaa;
	background-color: #9db7b9;
	border:solid #4d9299 1px;
	background-position: 1px;
	font-size: 9pt;
	font-weight:bold;

	font-family: Helvetica;
	text-decoration:none;
	color: #fff;
	margin-top: 5px;

}

.sendatasfile{ margin-bottom: 10px; background: #ededed; padding: 0px 10px 10px 10px; border-radius: 0 0 8px 8px;  float:right;}

.sendsamping2{ height: 37px; background: #fff; width:70px;  border-radius: 0 12px 0 0;}

.sendsamping{ height: 37px; background: #ededed; width:70px; float:right;}
.sendatas{ margin-bottom: 10px; background: #ededed; padding: 0px 10px 10px 10px; border-radius: 0 0 8px 8px; width:57px; float:right;}
.yipi {width: 595px;}

.tul {background: #ebebeb; width: 575px; }
.tulis { padding: 18px 10px 18px 10px; border-radius: 8px 8px 0 8px; }
.tulis2 { padding: 8px 10px 12px 10px; border-radius: 0 0 0 8px;  }
.tulis4 { padding: 5px 10px 5px 10px; border-radius: 0 0 0 8px;  }
.tulis3 { padding: 12px 10px 12px 10px; border-radius: 8px 8px  0 8px;  }
.tulisreplace{ padding: 3px 10px 3px 10px; border-radius: 8px 8px  0 8px;  }
.gores { padding: 8px 0px 12px 0px; border-radius: 0 0 0 8px;  }

.other {margin-top: 10px; padding-left: 4px; width: 370px; font-size:14px; display:inline-block}



.nana {	width:260px; }
.udah{background: #eee}
.multi {display: inline-block; margin-right: 8px;} 
.sel {
	border: none; 
	border:solid #4d9299 1px; 
	border-radius: 4px;  
	padding:  4px  ; 
	box-shadow: inset 0px 0px 4px #ccc; 
	font-family:"century gothic"; 
	color:#555; 

	margin:auto;
	font-size: 11pt;}
option { border-color:#ccc }

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;

	overflow: hidden;
	position: relative;
	background-color: #ededed;
}
li.satu {		 border-radius: 8px 0 0 0;}
li.tiga {		 border-radius:  0 8px 0 0;}
li.empat { background-color: #ededed;	}
#gogo {  background-color: #fff; border-radius: 0 0 0  10px; width:80px;  border: none; }

ul.tabs li a {
	text-decoration: none;
	color: #666;	
	display: block;
	font-size:12pt;
	padding: 0 15px 0 12px;
	text-align:left;
	text-transform:uppercase;
		text-shadow: 0px 1px 2px #fff;


}
ul.tabs li a:hover {
	background-color:#ededed;
	text-decoration:underline;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #ededed;

	color: #666;	
	text-decoration:underline;
}
.tab_container {
	clear: both;
	float: left; 
	width: 595px;
}
.tab_content {

	
	font-size:11pt;
	background-color: #ededed;
	color:#666;
	padding: 8px 0px 0px 10px; border-radius:  0 12px 0 7px;
	border-top: solid 1px  #ededed;
}
.absenkanan { float:right; width:375px ; padding-left: 18px; margin-left: 20px; border-left: solid 1px #ccc;}
.absenkiri{ float:left; width: 150px; }
.pilihkiri {width: 180px;}
.imgprog{width: 300px; height:auto; margin-left: auto; margin-right:auto;}
.imgprog2{

	background-color: #ebebeb;
}
.imgprog3{width: 270px; margin: 10px auto 2px auto; }
.imgprog4{width: 100%; margin: 10px auto 2px auto; }
.consolas, .consolas a {padding: 8px; font-family:consolas; color: #060; text-decoration: none; text-align:center;  }
.consolas a:hover, .filex a:hover {color: #111;}
.filex, .filex a{
	font-family:consolas;
	color: #060;
	text-decoration: none;
	text-align:center;
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 34px;


}
.filex a{  	background-image: url(../images/filekecil.png);	background-repeat: no-repeat;
	background-position: left center;}
.are li { list-style:none; display: inline-block; padding: 5px 5px 3px 6px; border-left: 1px solid #ddd; font-size: 11px; font-family: tahoma; border-top: 1px solid #ddd; margin:0; margin-right: -4px; margin-top:-0px; margin-bottom:-0px;}
.are {margin: 0;}
ul {margin: 0; padding: 0;}
.paging {text-align:center; margin: auto; width:auto; margin: 10px 10px 0 10px;}
.paging a {padding: 0 4px; display:inline-block; font-size:12px}
.listfile a{ 


	color: #fff;
	font-size:16px;
	font-family:consolas; 
	display: inline-block;
	background-color:#0C6;
	border-radius: 3px;
	padding: 0 4px;
	}
	.listfile a:hover{
	background-color:#ddd;
		color: #222;
	}
.listfile li {	width: 555px; 	display: block; 	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 28px; 	border-bottom: 1px solid #ddd; background-image: url(../images/filekecil.png);	background-repeat: no-repeat;
	background-position: left 7px; 	 }	
.listfile {margin: 0; padding: 0; list-style:none;  margin-top: 15px;}
.todoh{
	background-image: url(../images/lingkar2.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-top: 7px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 24px;
	border-bottom: 1px solid #ddd;
	font-size: 17px;
}
.todoh7{
	background-image: url(../images/lingkar2.png);
	background-repeat: no-repeat;
	background-position: left 14px;
	padding-top: 11px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 24px;
	border-bottom: 1px solid #ddd;
	font-size: 17px;
}
.todoh8{
	padding-top: 9px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	font-size: 17px;
	color: #888;
}
.routine {padding-bottom: 2px; text-transform:uppercase; font-size: 18px;}
.todoh8 ul{
	margin-left: 18px;}

.todoh8 li{
	padding: 1px;}
.todohfix{
	background-image: url(../images/lingkar2.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-top: 0px;
	padding-right: 4px;
padding-bottom: 2px; 
	padding-left: 24px;

	font-size: 17px;
	float: left;
}
.todohfix2 {	padding-bottom: 5px; 	padding-left: 24px; display: block;  width: 370px; float: left; }
.bwhpad {padding-bottom: 12px}
.jobdesc {margin-top: 15px; text-align: justify; }
.jobdesc2 ul {margin-left: 18px;}
.jobdesc2 { text-align: justify; 	color: #666; }
.wid {  border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.jobdesc  a{color: #666;}
.jobdesc  a:hover {color: #222;}
.jobdesc ul {margin-left: 18px;}
.robot ul {margin-left: 18px;}
.robot{margin-top: 10px; 	font-size: 17px;}
.bioo{	color: #888; 
	font-size: 17px;
	 font-weight:lighter; display: block; text-transform:uppercase; padding-bottom: 2px;}
.role {
	color:#888;
	font-size: 12pt;
	text-transform:none;
	text-shadow:none;
	letter-spacing: normal;
}
#pic {float: left; width:170px; padding-top: 20px;}
#pic img {width: 140px; height:auto;}
#samping {float: left; width:420px;}
#samping2{float: left; width:420px; margin-top:7px;}
.tabio {margin-top: 18px;}
.tabio td {padding: 2px  10px 2px 0; vertical-align:top;}
.black {color: #222;  border-bottom: solid #ccc 1px;}
ol {margin-top: 0; margin-bottom: 0;}
#addpos{margin-top: 20px;  }
.enam {width: 595px;}

.jeruk{
	display: list-item;
	color: #888;
	margin-left: 18px;
	list-style:circle;


}
#melon td {	padding: 2px 25px 3px 0; 	border-bottom: solid #ccc 1px;}
.pribadi{background: #ebebeb; padding: 6px; border-radius: 5px; display: table; float: left; margin:9px; font-size: 14px; font-family: tahoma; 	 } 
.pribadi:hover { background: #59d2e3} 
.pribadi img {width: 115px; height:115px; margin: auto; border-radius: 3px;}
#menukecil{
	margin-top: 7px;
	margin-right: 7px;
	text-shadow: 0px 0px 4px #fff;
	font-size:12px;
	font-family: tahoma;
		color: #bbb;

}
#menukecil a{
	color: #bbb;

}
#menukecil a:hover{
	color: #555;

}
#menukecil2 {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 30px;
	width: 100%;
	font-size:13px;
	margin-top: 10px;
	padding-right: 60px;
	text-align:right;
}
.unmenu{float:right; margin-right: 18px;}
#problempanel{margin-top:20px;}
.bungkuspanel { float: left; margin: 0px 0;  padding: 15px 25px 10px 15px; border-left: solid #ddd 1px; border-top: solid #ddd 3px;}
.total { background: #eee;border-left: solid #eee 1px; border-top: solid #eee 3px;}
.divisi{	background:#999; color: #fff; padding: 0 5px; border-radius: 4px; font-size: 16px;}
.divisi2 {margin-top: 10px; margin-left:3px;}
.divisi2 a{display: block;}

.siapa {background-color:#ededed; border: none; 	color:#555; ; margin-top: 6px;}
.problem_who, .problem_date {display: block; min-width: 110px; }
.problem_date  {border-top: solid #ccc 1px;}
#pad td{
	border-bottom: 1px solid #ddd;
	text-align: left;
	padding: 6px 15px 6px 0px;
	font-size: 11pt;

}

td.duren{
	color: #999;

}
#pad {margin-top: 15px;}
.home {
	color: #fff;
	font-size:16px;
	font-family:consolas; 
	background-color:#0C6;
	border-radius: 3px;
	padding: 0 4px;}
.reject{color:#555;}
.prog {font-size:10px;}